@charset "utf-8";

/*---------------------------------------- 媒体查询 ----------------------------------------*/
@media (max-width:780px) {
	html{ font-size: 36.5625px;}			
}
@media (min-width:375px) and (max-width:414px) {
	html{ font-size: 19.4063px;}		
}
@media (min-width:360px) and (max-width:375px) {
	html{ font-size: 17.5781px;}		
}
@media (min-width:320px) and (max-width:360px) {
	html{ font-size: 16.875px;}		
}
@media (max-width:320px) {
	html{ font-size: 15px;}	
}
/*---------------------------------------- /媒体查询 ----------------------------------------*/

/*---------------------------------------- css全局定义 ----------------------------------------*/
body { 
	min-width: 320px;
	max-width: 780px;
	margin: 0 auto;
	line-height: 1;
	-webkit-user-select: none; /*禁用长按空白后复制*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: inherit;
	font-weight: normal;
	color: inherit; 
	margin-top: 0; 
	margin-bottom: 0; 
	font-size: inherit;
}
a, a:visited {
	text-decoration: none;
	background-color: transparent;
}
a, img { border: none;}
a, input, button, textarea, select, .avkdot, li, img { -webkit-tap-highlight-color:rgba(0,0,0,0); }
input:-webkit-autofill { 
	-webkit-box-shadow: 0 0 0px 1000px white inset !important; 
} 
input, fieldset { 
	padding-top: 0; 
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}
fieldset { 
	margin-top: 0; 
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
}
button { margin: 0;}
input, textarea, select, button, a { outline: 0;}
input{ line-height: normal !important;}
textarea { resize: none;}
dl, dd, input, select { margin: 0;}
ul {
	margin-top: 0; 
	margin-bottom: 0; 
	padding-left: 0; 
	padding-right: 0;
	list-style-type: none; 
}
p, figure { margin: 0;}
/*---------------------------------------- /css全局定义 ----------------------------------------*/



/*---------------------------------------- css通用样式 ----------------------------------------*/

/*字体风格*/
body { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;}
samp, input, button, textarea, select, tt, code, kbd {font: inherit;}

/*字体颜色-默认*/
body { color: #333;}
a, a:visited, a:hover, a:focus, a:active, samp, input, button, textarea, select, tt, code, kbd { color: inherit;} 

.color1 { color: #FFF !important;}
.color2 { color: #197CF7 !important;}
.color3 { color: #A9A9A9 !important;}
.color4 { color: #777 !important;}
.color5 { color: #EC5330 !important;}
.color6 { color: #05C0AE !important;}
.color7 { color: #717171 !important;}
.color8 { color: #FF9E14 !important;}
.yf-zi{color: #F99432;    font-size: 18px;
    font-weight: 600;}



/*被按下后的颜色*/
/*.baxhdyc1*/
/*.baxhdyc2*/
.baxhdyc1.yanse1{ background-color: #21CE5E !important; color:#FFF !important; border-color:#21CE5E !important} /*深绿色*/
.baxhdyc2.yanse2{ background-color: #DBDBDB !important;} /*黑灰色*/

/*a标签有下划线*/
.a-hover:hover { text-decoration: underline;}

/*字体大小*/
.font-size1{ font-size:90%;}
.font-size2{ font-size:80%;}

/*body{ font-size:16px;}
.font-size-0 { font-size: 0;}
.font-size-13 { font-size: 13px;}
.font-size-14 { font-size: 14px;}
.font-size-15 { font-size: 15px;}
.font-size-16 { font-size: 16px;}
.font-size-18 { font-size: 18px;}
*/

/*背景颜色-默认*/
@media (min-width: 780px) {
	html { background-color: #B1B1B1 !important;}
}
body { background-color: #FFF;}

.background1 { background-color: #1AB3DE !important;  -webkit-transition: background-color 70ms; transition: background-color 70ms;} 
.backg1-active:active{ background-color: #179DC4 !important;} 

.background2 {background-color: #3BB249 !important; -webkit-transition: background-color 70ms; transition: background-color 70ms;} 
.backg2-active:active{background-color: #2E8D3B !important;}

.background3 { background-color: #EAEAEA !important;} 
.background4 { background-color: #FFF !important;}
.background5 { background-color: #55555D !important}
.background6 { background-color: #19b4e0 !important}
.background7 { background-color: #05B6A4 !important}
.background8 { background-color: #000 !important}

.background9 { background-color: #FF9E14 !important; -webkit-transition: background-color 70ms; transition: background-color 70ms;}
.backg9-active:active{background-color: #EF8D00 !important;}

.background10 { background-color: #0E9BC0 !important}

.background11 { background-color: #F1F1F2 !important}

/*边框宽度*/
.border-width1{ border-width: 1px;}

/*边框形状*/
.border-bottom-style1{ border-bottom-style:solid;}

/*边框宽度、形状*/
.border-width-style{border-width: 1px; border-style:solid;}

/*边框颜色*/
.border-color1 { border-color: #EAEAEA;}
.border-color2 { border-color: #D8D8D8;}


/*按钮*/
.button1{ display:block;}
.button1 a, .button1 input{ text-align:center; display:block;height:2.6rem; line-height:2.75rem;width:100%; box-sizing:border-box; padding:0 .5rem;}

.button2{ display:block;}
.button2 a, .button2 input{ text-align:center; display:block;height:2.3rem; line-height:2.45rem;width:100%; box-sizing:border-box; padding:0 .88rem;}



/*边框位置*/
.border-left1 { border-width: 1px; border-left-style: solid;}
.border-right1 { border-width: 1px; border-right-style: solid;}
.border-top1 { border-width: 1px; border-top-style: solid;}
.border-bottom1 { border-width: 1px; border-bottom-style: solid;}
.border-lb1 { border-width: 1px; border-left-style: solid; border-bottom-style: solid;}
.border-tb1 { border-width: 1px; border-top-style: solid; border-bottom-style: solid;}


/*宽度*/
.width-x { width: 100%;}
.width-780 { max-width: 780px; margin: 0 auto;} 


/*隐藏滚动条*/
::-webkit-scrollbar{ 
	width: 0; 
	height: 0;
}

/*移除type="number"的上下箭头*/
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none !important;
    margin: 0;
}

/*内边距*/
.padding-t1{ padding-top:.9rem;}
.padding-l1{ padding-left:.9rem;}
.padding-r1{ padding-right:.9rem;}
.padding-lr1{ padding-left:.9rem; padding-right:.9rem;}
.padding-lr2{ padding-left:.5rem; padding-right:.5rem;}
.padding-tb1{ padding-top:.9rem;  padding-bottom:.9rem;}
.padding-lrtb1{ padding:.9rem;}


/*外边距*/
.margin-top1{margin-top:.9rem;}
.margin-top2{margin-top:1rem;}
.margin-top3{margin-top:1.2rem;}
.margin-top4{margin-top:2.5rem;}
.margin-top5{margin-top:1.3rem;}
.margin-lr1{ margin-left:.9rem; margin-right:.9rem;}
.margin-lr-1{ margin-left:-.9rem; margin-right:-.9rem;}

/*圆角*/
.border-radius2{ border-radius: 2px;}
.border-radius5{ border-radius: 5px;}

/*其他*/
.shadow-radius1{-moz-box-shadow:0px 0px 7px #828282; -webkit-box-shadow:0px 0px 7px #828282; box-shadow:0px 0px 7px #828282; border-radius:5px;}
.clear-both { clear: both;}
.float-left { float: left;}
.float-right { float: right;}
.overflow-hidden { overflow: hidden;}
.visibility-hidden { visibility: hidden;}
.visibility-visible { visibility: visible;}
.display-block { display: block;}
.display-none { display: none;}
.inline-block { display: inline-block;}
.text-align-center { text-align: center;}
.text-align-right { text-align: right;}
.font-weight-normal { font-weight: normal;}
.font-weight-bold { font-weight: bold;}
.cursor-pointer { cursor: pointer}
.height1{ height:1px; overflow:hidden;} /*占据1像素*/

/* ----------------------------------------/css通用样式 ----------------------------------------*/



/*swiper框架部分代码*/
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	z-index: 1
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 5px
}
.swiper-container-horizontal>.swiper-pagination-progress {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0
}
.swiper-container-horizontal>.swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%
}
.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out
}
.swiper-container-vertical>.swiper-wrapper {
	-webkit-box-orient: vertical;
	-moz-box-orient: vertical;
	-ms-flex-direction: column;
	-webkit-flex-direction: column;
	flex-direction: column
}
.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	-o-transition-property: -o-transform;
	-ms-transition-property: -ms-transform;
	transition-property: transform;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box
}
.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex: 0 0 auto;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 10px;
    left: 0;
    width: 100%;
}
.swiper-pagination {
    position: absolute;
    text-align: center;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    -webkit-transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    transform: translate3d(0,0,0);
    z-index: 10;
}
/*/swiper框架部分代码*/